{% extends "base.html" %}
{% load i18n static %}

{%block css %}
{% endblock %}


{% block content %}
<div class="jumbotron vertical-center">
  <div class="container">
    <div class="row">
      <form action="{% url 'create_proj' %}" method="post" enctype="multipart/form-data">
        {% csrf_token %}

        <p>{% trans "Create a new Project" %}</p>
        {{ proj_form.as_p }}
        <ul class="collapsible">
          <li>
            <div class="collapsible-header"><i
                class="material-icons">add</i>{% trans "Optional invividual starting Snap! File" %}</div>
            <div class="collapsible-body">
              {% csrf_token %}
              {{ file_form.as_p }}
              <p> {% trans "If you don't upload a file, a standard blank snap project will be your starting point." %}
              </p>
              <p> {% trans "Want to continue working on your project in Smerge?" %}
                  {% trans "Or want to provide your students with a template?" %}
                  {% trans "Upload your starting file here." %}
                  {% trans "You get this file through File - Export project in Snap!)." %} </p>
              <p> {% trans "You can add further initial nodes via drag and drop afterwards." %}</p>
            </div>
          </li>
        </ul>

        <div class="right-align">
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}